// Copyright (c) Microsoft. All rights reserved.

@import 'src/styles/mixins';
@import 'src/styles/themes';

.manage-filters-flyout-container{
  @include rem-font-size(14px);
  @include rem-fallback(padding-bottom, 16px);

  .borderless { border: none; }

  .edit-device-group-btn {
    background: none;
    border: none;
    cursor: pointer;
  }

  .device-grops-grid-container { @include rem-fallback(margin-top, 24px); }

  .add-btn {
    padding-left: 0;
    padding-right: 0;
    @include rem-fallback(margin, 24px, 0px, 24px, 0px);
  }

  .actions-button { @include rem-fallback(min-width, 110px); }

  .btn-toolbar {
    justify-content: flex-end;
    @include rem-fallback(padding-top, 32px);
  }

  @include themify($themes) {
    .property-grid-container .grid-header .cell { color: themed('colorContentTextDim'); }
    .edit-device-group-btn  { color: themed('colorContentText'); }
  }
}
